<template>
	<view>
		<view class="top">
			<view class="">
				<navigator url="/pages/index/index" open-type="switchTab">
					<image class="back" src="/static/images/白色左箭头.png" mode=""></image>
				</navigator>
				<view class="title">
					附近门店
				</view>
			</view>
			
			<!-- 搜索框 -->
			<view class="find">
				<u-search searchIconColor="blue" :showAction="show" placeholder="请输入需要搜索的内容" v-model="keyword" shape="round"></u-search>
			</view>
			<view class="jl">
				<view>搜索历史</view>
				<view>飞飞汽车美容店&nbsp;&nbsp;飞飞汽修美容店&nbsp;&nbsp;汽修美容店</view>
			</view>
			
		</view>
		
		<view style="margin-top: -100rpx;">
			<uni-card>
				<view class="cbsTitle">
					<view>车百事汽车生活馆</view>
					<uni-rate :size="16" :value="4" :readonly="true" />
					<view>最高评分：4分</view>
					<view>销量：556</view>
				</view>
				<!-- 车百事生活馆 -->
				<view class="carView">
					<!-- 左边部分 -->
					<navigator>
						<view class="carItem1">
							<view>
								<image src="../../../static/images/头像.jpg" mode=""></image>
							</view>
						</view>
					</navigator>
					<!-- 右边部分 -->
					<view class="carItem2">
						<view>营业时间：周一至周五 早上8:00-晚上22:00</view>
						<view>位置：山阳区人民路与解放路交叉口</view>
						<view>距离当前位置：998m</view>
					</view>
					
				</view>
			</uni-card>
		</view>
		
		<view>
			<uni-card>
				<view class="cbsTitle">
					<view>车百事汽车生活馆</view>
					<uni-rate :size="16" :value="4" :readonly="true" />
					<view>最高评分：4分</view>
					<view>销量：556</view>
				</view>
				<!-- 车百事生活馆 -->
				<view class="carView">
					<!-- 左边部分 -->
					<navigator>
						<view class="carItem1">
							<view>
								<image src="../../../static/images/头像.jpg" mode=""></image>
							</view>
						</view>
					</navigator>
					<!-- 右边部分 -->
					<view class="carItem2">
						<view>营业时间：周一至周五 早上8:00-晚上22:00</view>
						<view>位置：山阳区人民路与解放路交叉口</view>
						<view>距离当前位置：998m</view>
					</view>
					
				</view>
			</uni-card>
		</view>
		
		<view class="bott">
			<u-divider text="暂无更多"></u-divider>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count: "",
				keyword:"",
				show:false
			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.top {
		width: 100%;
		padding-bottom: 40px;
		background: url(../../../static/images/组 8.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.top .back {
		position: absolute;
		margin-left: 20px;
		margin-top: 30px;
		width: 15px;
		height: 15px;
		z-index: 2;
	}

	.top .title {
		text-align: center;
		font-size: 18px;
		color: #fff;
		line-height: 44px;
		/* 根据实际需要调整 */
		padding-top: 20px;
	}
	/* 搜索框 */
	.find{
		margin-top: 20rpx;
		width: 680rpx;
		height: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		/* border: 2rpx solid blue; */
		margin-left: 30rpx;
	}
	/* 搜索历史 */
	.jl{
		width: 680rpx;
		height: 120rpx;
		/* border: 2rpx solid blue; */
		margin-left: 30rpx;
	}
	.jl>view:nth-child(1){
		font-size: 28rpx;
		color: white;
	}
	.jl>view:nth-child(2){
		font-size: 22rpx;
		color: white;
		padding-top: 20rpx;
	}
	
	
	
	/* 车百事汽车馆 */
	/* 标题 */
	.cbsTitle>view:nth-child(1){
		font-size: 30rpx;
		font-weight: bold;
	}
	.cbsTitle>view:nth-child(3){
		font-size: 22rpx;
		font-weight: bold;
	}
	.cbsTitle>view:nth-child(4){
		font-size: 22rpx;
		font-weight: bold;
		color: cornflowerblue;
	}
	
	.carView {
		margin-top: 10rpx;
		margin-bottom: 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.carItem2{
		margin-left: 20rpx;
	}
	
	.carItem2>view:nth-child(1) {
		font-size: 22rpx;
	}
	
	.carItem2>view:nth-child(2) {
		font-size: 22rpx;
	}
	
	.carItem2>view:nth-child(3) {
		font-size: 22rpx;
		color: cornflowerblue;
	}
	
	/* 右边部分 */
	.carItem1>view>image {
		width: 220rpx;
		height: 180rpx;
		border-radius: 10%;
	}
	
	/* 暂无更多 */
	.bott{
		height: 100rpx;
		margin:50rpx 0rpx;
	}
	

	

	
</style>